<div class="col-lg-12">
	<h1>Call Center Out</h1>
</div>

<div class="col-lg-12">
    <ul>
        <li class="active">Agregar Prospecto</li>
        <li><a href="#!/callcenterout/ver">Ver Prospectos</a></li>
    </ul>
</div>

<div class="col-lg-12">
    <h2>
        Panorama
        <div>Para poder crearle una oferta personalizada, basándonos en los siguientes datos.</div>
    </h2>
</div>

<form id="prospecto-callout">
	<div class="margin-bottom-20 col-lg-6">
        <label>¿Cómo se enteró de nosotros?</label><br>
        <input name="como" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿Ya vende recargas electrónicas?</label><br>
        <select name="vende">
        	<option value="si">Si</option>
            <option value="no">No</option>
        </select>
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿Quién es su proveedor?</label><br>
        <input name="proveedor" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿Qué comisión tiene actualmente?</label><br>
        <input name="comisión" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿A cuánto ascienden sus ventas actuales?</label><br>
        <input name="comisión" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿Por qué quiere cambiar de proveedor?</label><br>
        <input name="comisión" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>¿Por cuál medio quiere vender?</label><br>
        <input name="comisión" />
    </div>

<div class="col-lg-12">
    <h2>
        Datos de Contacto
        <div>Para poder mantenernos en contácto con el prospecto y poder enviarle una Propuesta Personalizada a su Correo.</div>
    </h2>
</div>

	<div class="margin-bottom-20 col-lg-6">
        <label>Nombre Completo</label><br>
        <input name="nombre" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>Giro</label><br>
        <input name="giro" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>Teléfono</label><br>
        <input name="telefono" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>Correo Electrónico</label><br>
        <input name="email" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>Ciudad</label><br>
        <input name="ciudad" />
    </div>
    
    <div class="margin-bottom-20 col-lg-6">
        <label>Estado</label><br>
        <input name="estado" />
    </div>

<div class="col-lg-12 text-right bottom-20">
	<button class="btn">Agregar</button>
</div>
</form>